#Background{
    position: absolute;
    width: 1520px;
    height: 675px;
}

#gameover {
    position: absolute;
    top: 300px;
    left: 67px;
    display: none;
}
#blackscreen {
    background-color: rgb(9, 9, 9);
    height: 600px;
    width: 600px;
    left: 67px;
    top: 82px;
    position: absolute;
    opacity: .8;
    display: none;
}
#timer{
    height: 120px;
    width: 150px;
    position: fixed;
    top: 100px;
    right: 30px;
    padding: 1px 20px;
    color: black;
        font-size: 1em;
    background-color: aliceblue;
    border-radius: 20px;
    font-family: "RETRO";
    box-shadow: 5px 5px 5px #222;
}
#countdown {
    position: fixed;
    top: 150px;
    color: rgb(255, 0, 0);
    display: none;
    font-family: "RETRO";
    font-size: larger;
}
#Easter{
    width: 60px;
    margin-top: 100px;
    position: relative;
    box-shadow: #222;
}
h5{
    font-family: "RETRO";
    font-size: large;
    color: white;
    text-shadow: #222;
    margin-top: 350px;
    margin-left: 5px;
    padding: auto;
    position: absolute;
    text-shadow: 5px 5px 5px rgb(110, 110, 110);
}
h4{
    font-family: "RETRO";
    font-size: large;
    color: white;
    text-shadow: #222;
    margin-top: 300px;
    margin-left: 30px;
    padding: auto;
    position: absolute;
}
#gameboard {
    height: 550px;
    width: 650px;
    margin: 5px;
    overflow: hidden;
    position: relative;
    cursor: crosshair;
    background-color: cornsilk;
    border: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    top: 50px;
    margin-bottom: auto;
    border-radius: 5%;
}
@font-face {
    font-family: "RETRO";
    src: url(retro_gaming/RetroGaming.ttf);
}
#chart {
    height: 150px;
    width: 350px;
    position: fixed;
    top: 500px;
    right: 30px;
    padding: 5px 20px;
    color: black;
        font-size: 1em;
    background-color: aliceblue;
    border-radius: 20px;
    font-family: "RETRO";
    box-shadow: 5px 5px 5px #222;
}
#Price {
    width: 43px;
    top: 10;
    position: relative;
}
#Explosion{
    width: 80px;
}
h1{
    font-size: large;
}
h3{ 
    font-size: large;
}

#Object1{
position: absolute;
left: 10px;
top: 550px;
transition: 1s;
animation-name: path1;
animation-duration: 10s;
animation-play-state: running;
animation-iteration-count: infinite;
width: 80px;
}
#Object1:active {
    content: url(VIDEOJUEGO/VIDEOJUEGO/Puff.gif);
    width: 500px;
}
#Object1::after {
    content: url(VIDEOJUEGO/VIDEOJUEGO/Puff.gif);
    width: 300px;
}

#Object2 {
    position: absolute;
    left: 10px;
    top: 550px;
    width: 80px;
    transition: 1s;
    animation-name: path2;
    animation-duration: 10s;
    animation-play-state: running;
    animation-iteration-count: infinite;
    }
#Object2:active {
    content: url(VIDEOJUEGO/VIDEOJUEGO/Puff.gif);
}

#Object3{
    position: absolute;
    left: 10px;
    top: 550px;
    transition: 1s;
    animation-name: path3;
    animation-duration: 10s;
    animation-play-state: running;
    animation-iteration-count: infinite;
    width: 80px;
            }
#Object3:active {
    content: url(VIDEOJUEGO/VIDEOJUEGO/Puff.gif);
}

#Object4{
    position: absolute;
    left: 10px;
    top: 550px;
    transition: 1s;
    animation-name: path4;
    animation-duration: 10s;
    animation-play-state: running;
    animation-iteration-count: infinite;
    width: 80px;
    }
#Object4:active {
    content: url(VIDEOJUEGO/VIDEOJUEGO/Puff.gif);
}

#Object5{
    position: absolute;
    left: 10px;
    top: 550px;
    transition: 1s;
    animation-name: path5;
    animation-duration: 10s;
    animation-play-state: running;
    animation-iteration-count: infinite;
    width: 80px;
    }
#Object5:active {
    content: url(VIDEOJUEGO/VIDEOJUEGO/Puff.gif);
}

#Object6{
    position: absolute;
    left: 10px;
    top: 550px;
    transition: 1s;
    animation-name: path6;
    animation-duration: 10s;
    animation-play-state: running;
    animation-iteration-count: infinite;
    width: 80px;
    }
#Object6:active {
    content: url(VIDEOJUEGO/VIDEOJUEGO/Puff.gif);
}

#score {
    height: 120px;  
    width: 250px;
    position: fixed;
    top: 500px;
    left: 30px;
    padding: 1px 20px;
    color: black;
        font-size: 1em;
    background-color: rgb(221, 239, 255);
    border-radius: 20px;
    font-family: "RETRO";
    box-shadow: 5px 5px 5px #222;
    animation-name: spring;
    animation-play-state: running;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

#Title{
    width: 400px;
    border-radius: 50px;
    position: absolute;
    left: 20px;
}

@keyframes path1 {  
    0%  {top: 220px; left: -100px;}
    25% {top: 124px; left: 176px;}
    50% {top: 372px; left: 92px;}
    75% {top: 218px; left: 460px;}
   100% {top: 220px; left: 670px;}
}

@keyframes path12 {
    0% {top: 220px; left: 670px;}
    25% {top: 359px; left: 356px;}
    50% {top: 44px; left: 122px;}
    75% {top: 187px; left: 26px;}
   100% {top: 220px; left: -100px;}
}

@keyframes path2 {
    0%  {top: 220px; left: -100px;}
    20% {top: 281px; left: 174px;}
    40% {top: 49px; left: 243px;}
    60% {top: 265px; left: 429px;}
    80% {top: 115px; left: 504px;}
   100% {top: 220px; left: 670px;}
}

@keyframes path22 {
    0% {top: 220px; left: 670px;}
    20% {top: 253px; left: 101px;}
    40% {top: 413px; left: 68px;}
    60% {top: 373px; left: 250px;}
    80% {top: 135px; left: 411px;}
    100% {top: 220px; left: -100px;}
}

@keyframes path3 {
    0%  {top: 220px; left: -100px;}
    14% {top: 130px; left: 358px;}
    28% {top: 52px; left: 128px;}
    42% {top: 342px; left: 503px;}
    56% {top: 126px; left: 179px;}
    70% {top: 381px; left: 438px;}
    84% {top: 290px; left: 118px;}
   100% {top: 220px; left: 670px;}
}

@keyframes path32 {
    0% {top: 220px; left: 670px;}
    14% {top: 217px; left: 354px;}
    28% {top: 268px; left: 96px;}
    42% {top: 173px; left: 328px;}
    56% {top: 365px; left: 241px;}
    70% {top: 412px; left: 405px;}
    84% {top: 107px; left: 49px;}
    100% {top: 220px; left: -100px;}
}

@keyframes path4 {
    0%  {top: 220px; left: -100px;}
    9% {top: 54px; left: 143px;}
    18% {top: 442px; left: 202px;}
    27% {top: 61px; left: 367px;}
    36% {top: 347px; left: 484px;}
    45% {top: 75px; left: 282px;}
    54% {top: 368px; left: 71px;}
    63% {top: 305px; left: 175px;}
    72% {top: 131px; left: 398px;}
    81% {top: 182px; left: 250px;}
    90% {top: 390px; left: 61px;}
   100% {top: 220px; left: 670px;}
}

@keyframes path42 {
    0% {top: 220px; left: 670px;}
    9% {top: 313px; left: 122px;}
    18% {top: 188px; left: 454px;}
    27% {top: 306px; left: 102px;}
    36% {top: 113px; left: 487px;}
    45% {top: 159px; left: 255px;}
    54% {top: 94px; left: 365px;}
    63% {top: 184px; left: 111px;}
    72% {top: 242px; left: 508px;}
    81% {top: 59px; left: 222px;}
    90% {top: 251px; left: 318px;}
   100% {top: 220px; left: -100px;}
}

@keyframes path5 {
    0%  {top: 220px; left: -100px;}
    8% {top: 118px; left: 476px;}
    16% {top: 437px; left: 163px;}
    24% {top: 247px; left: 283px;}
    32% {top: 15px; left: 90px;}
    40% {top: 315px; left: 249px;}
    56% {top: 135px; left: 79px;}
    64% {top: 52px; left: 329px;}
    72% {top: 201px; left: 62px;}
    80% {top: 406px; left: 176px;}
    88% {top: 340px; left: 411px;}
    96% {top: 432px; left: 193px;}
   100% {top: 220px; left: 670px;}
}

@keyframes path52 {
    0% {top: 220px; left: 670px;}
    8% {top: 28px; left: 447px;}
    16% {top: 452px; left: 143px;}
    24% {top: 352px; left: 291px;}
    32% {top: 368px; left: 241px;}
    40% {top: 287px; left: 410px;}
    56% {top: 264px; left: 158px;}
    64% {top: 183px; left: 476px;}
    72% {top: 65px; left: 387px;}
    80% {top: 149px; left: 133px;}
    88% {top: 210px; left: 276px;}
    96% {top: 437px; left: 56px;}
   100% {top: 220px; left: -100px;}
}

@keyframes path6 {
    0%  {top: 220px; left: -100px;}
    5% {top: 168px; left: 98px;}
    10% {top: 398px; left: 279px;}
    15% {top: 60px; left: 338px;}
    20% {top: 118px; left: 404px;}
    30% {top: 160px; left: 123px;}
    40% {top: 217px; left: 380px;}
    45% {top: 120px; left: 292px;}
    50% {top: 365px; left: 438px;}
    55% {top: 271px; left: 271px;}
    60% {top: 185px; left: 145px;}
    70% {top: 336px; left: 227px;}
    75% {top: 42px; left: 197px;}
    85% {top: 328px; left: 167px;}
    90% {top: 283px; left: 314px;}
    95% {top: 391px; left: 72px;}
   100% {top: 220px; left: 670px;}
}

@keyframes path62 {
    0% {top: 220px; left: 670px;}
    5% {top: 245px; left: 306px;}
    10% {top: 118px; left: 172px;}
    15% {top: 406px; left: 265px;}
    20% {top: 206px; left: 470px;}
    30% {top: 347px; left: 212px;}
    40% {top: 138px; left: 306px;}
    45% {top: 322px; left: 417px;}
    50% {top: 76px; left: 156px;}
    55% {top: 318px; left: 222px;}
    60% {top: 301px; left: 473px;}
    70% {top: 135px; left: 250px;}
    75% {top: 462px; left: 96px;}
    85% {top: 204px; left: 328px;}
    90% {top: 345px; left: 73px;}
    95% {top: 199px; left: 104px;}
   100% {top: 220px; left: -100px;}
}

   @keyframes spring {
    0%{filter: brightness(100%);}
    10%{filter: brightness(150%);}
    20%{filter: brightness(100%);}
    30%{filter: brightness(150%);}
    40%{filter: brightness(100%);}
}
   